@charset "utf-8";
/* CSS Document */
/*搜索框 begin*/
.searchbar {background-color: #f6f6f6; padding-bottom: 24px;}
.searchroom{width:750px; height: 50px; position: relative;}

.searchroom .txt_inp {
    position: absolute;
    width: 438px;
    height: 18px;
    line-height: 16px;
    padding: 15px 10px;
    padding-left: 50px;
    left: 0;
    top: 0;
    border: 1px solid #fff;
    font-size: 16px;
    border-radius: 4px 0 0 4px;
    background: url(../images/searchbg.png) 15px center #fff no-repeat ;
}
.searchroom .search_btn{position: absolute;right:130px;top:0;width:120px;height:50px;line-height: 50px; border-radius:0 4px 4px 0;
    color: #1a1a1a;
    text-align: center;
    cursor: pointer;
    border: 0;
    font-size: 16px;
    font-weight: bolder;
    background: #f5dd38;
}

.searchroom .search_btn:hover,
.searchroom #goMap:hover {
    filter:alpha(opacity:80); opacity:0.8;
}

.searchroom #goMap{ background: #FFA300; width: 120px;height: 50px;line-height: 50px;color: #fff;text-align: center;cursor: pointer;font-size: 16px;font-weight: bolder;
position: absolute; z-index: 99;right: 0; top: 0; border-radius: 4px; }
.searchroom #goMap i {width:23px;height: 22px;background: url(../images/gomap.png);display: inline-block;position: relative;bottom: -3px;margin-right: 5px;}


.hotwords { height: 50px; line-height: 50px; font-size: 14px;}
.hotwords h5 {display: inline-block; margin-right: 10px; color: #666;}
.hotwords a {margin: 0 5px; color: #666;}
.hotwords a:hover { color: #f8ac01; }
/*搜索框 end*/

/*Filter条件筛选 begin*/
.switch-filter__item {
    cursor: pointer;
    display: inline-block;
    margin-right: 20px;
    padding-right: 20px;
    color: #1A1A1A;
    font-size: 16px;
    line-height: 36px;
    font-weight:bold;
    background: url(/images/tenement/switch_off.png) no-repeat right center;
}
.switch-filter__item.on {
    color: #FF9900;
    background: url(/images/tenement/switch_on.png) no-repeat right center;
}
.filter-wrap {
    background:#fafafa;
    border: 1px solid #ededed;
    border-radius: 3px;
}
.filter-wrap{
    position: relative;
    padding: 0 27px;
    color: #333;
}

.filter-wrap li {
    float: left;
    padding-right: 30px;
    line-height: 44px;
    font-size: 14px;
}
.filterList2 .tag {
    float: left;
    padding-right: 30px;
    line-height: 34px;
    font-size: 12px;
}
.filter-wrap li a:hover,
.filter-wrap li .active,
.filter-wrap li .active2 {
    color: #f90;
}
.filter-wrap li .con {
    display: none;
}
.section {background: #fff;border-radius: 5px;position: relative;min-height: 100px;padding: 10px 0;position: relative;font-size: 14px; margin-top: 20px;}
.section .row dl dd li .tag b,.section .t_more_dd ul li a.checkbox,.keywords span i.s_close,.keywords i,
.keywords span.delete,.smallul ul li i{background-image: url(../images/list.png);background-repeat: no-repeat;}

.section .row dl {
    line-height: 20px;
    padding: 7px 0;
    position: relative;
}

.section .row.nosubrow {
    padding-bottom: 5px;
}
.section .row dl.last {
    border-bottom: none;
}
.section .row dl.last a{ margin-bottom:0;}
.section .row dl dt{ float:left; text-align:left; color:#666; width:66px;padding:5px 0;}
.section .row dl dd{float:left; width:1118px; position:relative;}
.section .row dl dd a{display:block; float: left; padding:5px 15px; margin-right:7px;float:left; position:relative; z-index:2;}
.section .row dl dd a:hover{ color:#f8ac01;}
.section .row dl dd a.active{color:#f90;position: relative;}
.section .row dl dd a.active2{color:#f90;}

.section .row dl dd ul {
    position: relative;
}

.section .row dl dd li {
    float: left;
    vertical-align: top;
    display: block;
}
.section .row dl dd li a{margin-top:7px; display:inline-block; padding:5px 15px; margin-right:0px;}
.section .row dl dd li .tag a{margin:0;}

.section .row dl dd li .tag {
    z-index: 2;
    position: relative;
    display: inline-block;
    height: 30px;
    margin-right: 0px;
}

.section .row dl dd li .tag b {
    width: 12px;
    height: 6px;
    background-position: -70px 0;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    bottom: -6px;
    display: none;
}

.section .row dl dd li.active b {
    display: block;
}
.section .row dl dd li .tagActive{padding: 0; margin:7px 0 0 0;}
.section .row dl dd li .tagActive a{color:#fff; background:#f8ac01; border-radius:3px;}
.section .row dl dd .con{position:absolute; left:0; top:35px; border:solid 1px #ededed; border-bottom: 3px solid #e9e9e9; background:#fff;
padding:3px 5px 10px 5px; font-size:12px;display:none; z-index:1; width:99%;}
.section .row dl dd .con{display:none;}
.section .row dl dd .con a{display:inline-block; margin-right:10px; margin-bottom:0;}
.section .row dl dd .con a.active,.section .row dl dd .con a.active2{color:#f8ac01; background:#fff;}
.section .row dl dd .filterList .active2{margin-right:7px;}

.section .row span.pricebetween {
    height: 22px;
    display: inline-block;
    float: left;
    margin-top: 4px;
}
.section .row span.pricebetween i{float:left; height:22px; line-height:22px; display:inline; margin:0px 2px;color:#666;}
.section .row span .textipt{ border:solid 1px #ccc; width:60px; height:20px; line-height:20px; font-size:12px; float:left; position:relative;text-align:center;}
.section .row span.pricebetween .posi3{ background:#E8E8E8; width:40px;  line-height:22px;height: 22px; color:#333;cursor: pointer; float: left; margin-left: 8px;}
.section .row span .buttipt:hover{filter:alpha(opacity:80); opacity:0.8;}

.keywords{line-height:20px; margin:20px auto;}
.keywords span{ padding:3px 25px 3px 3px; display:inline-block; color:#666; height:18px; line-height:18px; border:1px solid #f8ac01; float:left;
position:relative; margin-right:10px;}
.keywords i{ display:inline-block; line-height:18px;height:18px; float:left; position:relative;}
.keywords span a{ padding-left:5px;  color:#999;}
.keywords span:hover{ background-color:#f8ac01;}
.keywords span:hover a {color: #fff;}
.keywords span i{}
.keywords span i.s_close{ display:inline-block; width:18px; height:18px; background:url(../images/closedin.png) no-repeat center center; padding:0px; position:absolute; right:0px; top:3px;}
.keywords span:hover i.s_close{background:url(../images/closedout.png) no-repeat center center #f8ac01;}
.keywords b{ float:left; font-weight:normal; color:#333; width: 66px; font-size: 14px;}
/*列表页新增加的刷选项删除按钮*/
.keywords span.delete{line-height:20px; height:20px; border:0px; padding-left:20px; background: url(../images/deleteicon.png) 0 no-repeat;margin-left: 10px;}
.keywords span.delete a{ background:none; color:#f8ac01;}
.keywords span.delete:hover {background-color: #fff;}
.keywords span.delete:hover a{text-decoration:underline;}
.keywords .kp {display: inline; line-height: 20px;}
/*Filter条件筛选 end*/

/*核心房源列表*/
.smallul {
    height: 40px;
    margin-top: 15px;
    line-height: 40px;
    position:relative;
    border-bottom: 4px solid #F4DC36;
}
.smallul ul{ float:left;}
.smallul ul li{ float:left; text-align:center; font-size: 14px; }
.smallul ul li a{ width: 120px; height: 44px; font-size: 16px; display:block; color:#1A1A1A; position:relative;}
.smallul ul li a span{position: relative;
    left:-10px;}
.smallul ul li a:hover{background: #F4DC36;}
.smallul ul li.cur a {background: #F4DC36;}
.smallul ul li a i{width:13px; height:16px; background-image: url(../images/tenement/arrowlist_up.png); position:absolute; right:27px; top:12px;}
/*.smallul ul li a i.up {background-position: 0 -10px;}*/
/*.smallul ul li a i.up.on {background-position: 0 -30px;}*/
.smallul ul li a i.down {background-image: url(../images/tenement/arrowlist_down.png);}
/*.smallul ul li a i.down.on {background-position: 0 -20px;}*/

.smallul .arrowlist {position: absolute;right: 20px;top:10px;}
.smallul .arrowlist a {display: block; float:left; width: 36px;height: 22px; line-height:22px; border:1px solid #e1e1e1;text-align: center;}
.smallul .arrowlist a:first-child {border-right: 0;}
.smallul .arrowlist a i {display: inline-block;width: 8px;height: 14px; margin-top:4px; background: url(../images/i-prevnext.png) no-repeat; }
.smallul .arrowlist a.i-prev i {background-position:0 0; }
.smallul .arrowlist a.i-next i {background-position:-8px 0; }
.smallul .arrowlist a.i-prev:hover i {background-position:-8px -14px; }
.smallul .arrowlist a.i-next:hover i {background-position:0 -14px; }

.norooms {
    height: 400px;
}

.norooms .cot {
    padding-left: 130px;
    width: 670px;
    height: 160px;
    margin: 0 auto;
    margin-top: 120px;
    background: url(../images/norooms.png) 0 center no-repeat;
}

.norooms .cot p {
    font-size: 18px;
    line-height: 30px;
    padding-top: 50px;
}

.norooms .cot p.try {
    font-size: 14px;
    color: #f8ac01;
    padding-top: 10px;
}

.norooms .cot p.try span {
    margin-right: 30px;
}

.noitem {
    width: 100%;
    height: 300px;
    text-align: center
}

.noitem .tips {
    padding-left: 30px;
    width: 100px;
    margin: 0 auto;
    margin-top: 100px;
    background: url("../images/loading.gif") 0 center no-repeat;
    height: 30px;
    line-height: 30px;
}

.roomlist .item { width: 100%;height: 200px; padding: 30px 0; border-bottom: 1px solid #ebebeb; position: relative; background-color: #fff;
    cursor: pointer;}
.roomlist .item .cxroom {position: absolute;top:0;right:0;width: 74px;height:74px;background: url(../images/cxroom.png) no-repeat;}
.roomlist .item:hover { background-color: #f9fafb; }
.roomlist .item:hover .more .detail {display: block;}
.roomlist .item .imgbox { width: 310px; height: 200px; float: left; position: relative;}
.roomlist .item .imgbox .room1212 {position: absolute;top:-10px;right:-10px;width: 56px;height:39px;background: url(../images/1212.png) no-repeat;}

.roomlist .item .imgbox .countdown {
    width: 156px;
    height: 91px;
    background: url(https://jroom-images.oss-cn-hangzhou.aliyuncs.com/jiangroom-web/img/countdown.png) no-repeat;
    position: absolute;
    top: 55px;
    left: 50%;
    margin-left: -78px;
}
.roomlist .item .imgbox .countdown h5 {text-align: center;color: #fff; font-size: 18px;padding: 15px 0 10px 0;}
.roomlist .item .imgbox .countdown .newTime {color: #fff;text-align: center;}
.roomlist .item .imgbox .countdown .newTime .bg {width: 26px;height: 26px;text-align: center;line-height: 26px;display:inline-block; margin:0 6px;border-radius:2px;
filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff7056,endcolorstr=#ff5856,gradientType=0);
-ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff7056,endcolorstr=#ff5856,gradientType=0);/*IE8*/
background:#ff7056; /* 一些不支持背景渐变的浏览器 */
background:-moz-linear-gradient(top, #ff7056, rgba(255, 88, 86, 1));
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ff7056), to(rgba(255,88, 86, 1)));
background:-o-linear-gradient(top, #ff7056, rgba(255, 88, 86, 1));
}
.roomlist .item .txt { float: left; margin-left: 40px; font-size: 14px; }
.roomlist .item .txt h5 {font-size: 20px; font-weight: bolder; }
.roomlist .item .txt h5 i.short {
    display: inline-block;
    background-color: #ff6b11;
    border-radius: 2px;
    padding: 0 5px;
    height: 21px;
    line-height: 21px;
    margin: 0 10px 0 0;
    color: #fff;
    position:relative;
    top:-2px;
    font-size: 14px;
}

/*.roomlist .item .txt h5 a:hover { color: #f8ac01 }*/
.roomlist .item .txt .add { height: 34px; line-height: 34px; color: #999; padding-left: 25px; background:url(../images/tenement/dingwei_icon.png) no-repeat 0 center; }
.roomlist .item .txt .info { font-size: 14px; height: 34px; overflow: hidden; }

.roomlist .item .txt .info li {
    line-height: 18px;
    margin: 10px 0;
    padding: 0 20px 0 25px;
    float: left;
    border-left: 1px solid #e7e7e7;
}
.roomlist .item .txt .info li.floor {background: url(../images/tenement/louceng_icon.png) no-repeat 0 center;}
.roomlist .item .txt .info li.area {background: url(../images/tenement/mianji_icon.png) no-repeat 0 center;}
.roomlist .item .txt .info li.dire {background: url(../images/tenement/chaoxiang_icon.png) no-repeat 0 center;}
.roomlist .item .txt .info span {color: #333; padding: 0 10px;}
.roomlist .item .txt .traffic { height: 34px; line-height: 34px; padding-left: 25px; background:url(../images/tenement/jiaotong.png) no-repeat 0 center;}
.roomlist .item .txt .traffic span { padding: 0 10px;}
.roomlist .item .txt .notraffic {background: none;}

.roomlist .item .txt .tags { height: 40px; }
.roomlist .item .txt .tags a{background-color: #fff; font-size: 14px; padding: 0 14px;line-height: 28px;margin-top: 10px; display: inline-block; margin-right:14px; float: left;}
.roomlist .item .txt .tags a.fc1{background: #EBF5E1; color:#4BB43D;}/*离地铁10分钟*/
.roomlist .item .txt .tags a.fc2{background: #F5EEE1; color:#FFA81D;}/*朝南*/
.roomlist .item .txt .tags a.fc3{background: #F5EEE1; color:#FF621D;}/*独卫*/
.roomlist .item .txt .tags a.fc4{background: #E1F5ED; color:#33BE85;}/*阳台*/
.roomlist .item .txt .tags a.fc5{background: #F2EBFF; color:#A17FE0;}/*飘窗*/
.roomlist .item .txt .tags a.fc6{background: #FBE7F8; color:#CE55CF;}/*闺蜜房*/


.roomlist .item .more { position: absolute; right: 35px; top: 116px; width: 210px; text-align: center; }
.roomlist .item .more .price {font-size:14px;line-height:24px; margin-bottom: 20px;}
.roomlist .item .more .price span {font-size:30px;color: #FF571A; position: relative;bottom: -3px;font-weight:600;}
.roomlist .item .more .flp {font-size:14px;color: #333;}
.roomlist .item .more .flp .right { width: 14px;height: 14px; background: url(../images/righticon.png); position:relative;bottom:-2px; display:inline-block; margin-right: 8px;}
.roomlist .item .more .flp .right.r2 {margin-left: 20px;}
.roomlist .botpages {text-align: center; margin: 30px 0 10px 0;}

.botpages .laypageskin_molv a {
    background-color: #fff;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 0;
}
.botpages .laypageskin_molv .laypage_curr {
    color: #000;
    border: 1px solid #f3dd36;
    border-radius: 0;
}

/*活动展示*/
.activity { position: fixed; top: 280px;right: 50%;margin-right: -740px; }

/*五折房源 活动*/
.first_month_free:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 78px;
    height: 20px;
    background: url("/images/activity/shouyuemianzuTag.png") no-repeat center;
    background-size: cover;
}
.one_month_a_half_free:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 79px;
    height: 20px;
    background: url("/images/activity/yigebanyuejianmianTag.png") no-repeat center;
    background-size: cover;
}
.xiao_tuan_yuan:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 66px;
    height: 20px;
    background: url("/images/activity/xiaotuanyuan2.png") no-repeat center;
    background-size: cover;
}
.yu_ni_yue:before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 66px;
  height: 20px;
  background: url("/images/activity/hongbaojianmian.png") no-repeat center;
  background-size: cover;
}
.duan_zu:before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 66px;
  height: 20px;
  background: url("/images/activity/duanzu.png") no-repeat center;
  background-size: cover;
}
.du_jia:before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 66px;
  height: 20px;
  background: url("/images/indexDj.png") no-repeat center;
  background-size: cover;
}
.kua_nian:before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 66px;
  height: 20px;
  background: url("/images/kuanianmian.png") no-repeat center;
  background-size: cover;
}
.kuanianmianzu:before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 66px;
  height: 20px;
  background: url("/images/kuanianmianzu.png") no-repeat center;
  background-size: cover;
}
.anniversary:before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 66px;
  height: 20px;
  background: url("/images/anniversary.png") no-repeat center;
  background-size: cover;
}

.red_envelope:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 66px;
    height: 20px;
    background: url("/images/yujianchuxia.png") no-repeat center;
    background-size: cover;
}

.free_three:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 66px;
    height: 20px;
    background: url("/images/2020/06/sanyuemianzu_list.png") no-repeat center;
    background-size: cover;
}

.langchao:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 66px;
    height: 20px;
    background: url("/images/2020/06/langchao_list.png") no-repeat center;
    background-size: cover;
}

.niudan:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 66px;
    height: 20px;
    background: url("/images/2020/09/shouyuesizhe_list.png") no-repeat center;
    background-size: cover;
}

.dijiamiaosha:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 66px;
    height: 20px;
    background: url("/images/2020/12/dijiamiaosha_list.png") no-repeat center;
    background-size: cover;
}

.lighten:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 66px;
    height: 20px;
    background: url("/images/2021/03/dianliang_list.png") no-repeat center;
    background-size: cover;
}

.guoqing:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 66px;
    height: 20px;
    background: url("/images/activity/guoqinghuodong.png") no-repeat center;
    background-size: cover;
}
/*空气检测*/
.airCheck {line-height: 36px;background: #F6F9F5;color: #83B775;font-size: 16px;}
.airCheck .icon{width: 21px;height: 17px;display: block;background: url("../images/leaf.png") no-repeat center;background-size:cover;margin: 10px 5px 7px;}
